<template>
  <div>
    <div class="background"></div> 
    <div class="content"></div>  
    <div class="background">    
<img :src="imgSrc" width="90%" height="100%" alt="" style="margin-left: -300px" /></div>
  </div>
</template>

<script>
export default {
  data () {    
    return {
        imgSrc:require('../tupian/yasuo.jpg')
    }}
  
}
</script>

<style>
.background {
    width:100%;
    height:100%;  /**宽高100%是为了图片铺满屏幕 **/
    z-index:-1;
    position: absolute;
}
 .content {
    z-index:1;
    position: absolute;
}
</style>
